﻿@using ASC.Resources;

<link href="@Url.Content("~/Scripts/menu/fg.menu.css")" rel="stylesheet" type="text/css" />

<script src="@Url.Content("~/Scripts/menu/fg.menu.js")" type="text/javascript"></script>


<style type="text/css">
        
        .fg-button
        {
            clear: left;
            margin: 0 4px 40px 2px;
            padding: .4em 1em;
            text-decoration: none !important;
            cursor: pointer;
            position: relative;
            text-align: center;
            zoom: 1;
        }
        .fg-button .ui-icon
        {
            position: absolute;
            top: 50%;
            margin-top: -8px;
            left: 50%;
            margin-left: -8px;
        }
        a.fg-button
        {
            float: left;
        }
        button.fg-button
        {
            width: auto;
            overflow: visible;
        }
        /* removes extra button width in IE */
        
        .fg-button-icon-left
        {
            padding-left: 2.1em;
        }
        .fg-button-icon-right
        {
            padding-right: 2.1em;
        }
        .fg-button-icon-left .ui-icon
        {
            right: auto;
            left: .2em;
            margin-left: 0;
        }
        .fg-button-icon-right .ui-icon
        {
            left: auto;
            right: .2em;
            margin-left: 0;
        }
        .fg-button-icon-solo
        {
            display: block;
            width: 8px;
            text-indent: -9999px;
        }
        /* solo icon buttons must have block properties for the text-indent to work */
        
        .fg-button.ui-state-loading .ui-icon
        {
            background: url(spinner_bar.gif) no-repeat 0 0;
        }
    </style>

<script>
    $(function () {

        $('#menuArchive').menu({width: 50, content: '<ul><li class="end"><a href="#" onclick="window.close()">@Shared.menuEnd</a></li></ul>', flyOut: true });

        $('#menuView').menu({width: 70, content: '<ul><li class="alarmList"><a href="#" >@Shared.menuAlarmList</a></li><li class="tree"><a href="#">@Shared.menuTree</a></li></ul>', flyOut: true });

        $('#menuTools').menu({ width: 140, content: '<ul><li class="channelConfig"><a href="@Url.Action("Add", "Channel")" >@Shared.menuChannelConfig</a></li><li class="modulConfig"><a href="@Url.Action("Add", "Module")" >@Shared.menuModulConfig</a></li></ul>', flyOut: true });

    });
</script>

<div style="float: left">
    <a tabindex="0" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all"
        id="menuArchive"><span class="ui-icon ui-icon-triangle-1-s"></span>@Shared.menuArchive</a>
</div>
<div style="float: left">
    <a tabindex="0" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all"
        id="menuView"><span class="ui-icon ui-icon-triangle-1-s"></span>@Shared.menuView</a>
</div>
<div style="float: left">
    <a tabindex="0" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all"
        id="menuTools"><span class="ui-icon ui-icon-triangle-1-s"></span>@Shared.menuTools</a>
</div>
@*<li class="menumain" style="float: right;">
        @if (Request.IsAuthenticated)
        {
            <text>@User.Identity.Name</text>
        }
        else
        {
            <text>Settings</text>
        }
        <ul>
            <li>
                @if (Request.IsAuthenticated)
                {
                    @Html.ActionLink("Log Off", "LogOff", "Account")
                }
                else
                {
                    @Html.ActionLink("Log On", "LogOn", "Account")
                }
            </li>
            <li></li>
            <li>@Shared.menuAbout</li>
        </ul>
    </li>*@ </ul> 